@charset "utf-8";
/**************************************/
/*               TAGBOX               */
/**************************************/
a.tagBox-add-tag{
	display:inline-block;
	font-size:12px;
	line-height:1em;
	padding:0.45em 0.8em;
	text-decoration:none;
	color:#333;
	border:1px solid #AAA;
	outline:none;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #FFF;
	vertical-align:middle;
	background:-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#CCCCCC));
	background:-moz-linear-gradient(top, #F2F2F2, #CCCCCC);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#CCCCCC');
	-moz-border-radius:0.3em;
	-wekit-border-radius:0.3em;
	border-radius:0.3em;
}
a.tagBox-add-tag:hover{border-color:#888;}
a.tagBox-add-tag:active{
	background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#F2F2F2));
	background:-moz-linear-gradient(top, #CCCCCC, #F2F2F2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#F2F2F2');
}
input.tagBox-input,select.tagBox-input{border:1px solid #CCCCCC;padding:3px;margin-right:5px;vertical-align:middle;background:#FFF;}
span.tagBox-container{display:inline-block;vertical-align:middle;}
span.tagBox-list{padding:0em 0;font-size:12px;line-height:1em;display:block;}
span.tagBox-item{display:inline-block;margin:0.3em 0.25em 0.15em;vertical-align:middle;cursor:default;white-space:nowrap;}
span.tagBox-item *{vertical-align:middle;white-space:normal;}
span.tagBox-bullet{display:none;}
span.tagBox-item *{vertical-align:middle;}
span.tagBox-item-content{
	display:inline-block;
	padding:0.417em 0.417em;
	font-size:1em;
	line-height:1.4em;
	text-shadow:0.083em 0.083em 0.083em #888;
	border:0.083em solid #888;
	color:#FFF;
	background:#234B77;
	background:-webkit-gradient(linear, left top, left bottom, from(#4998CF), to(#234B77));
	background:-moz-linear-gradient(top, #888, #888);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#888');
	-moz-border-radius:0.5em;
	-wekit-border-radius:0.5em;
	border-radius:0.5em;
}
span.tagBox-item-content a.tagBox-remove{
	text-decoration:none;
	display:inline-block;
	float:right;
	color:#FFF;
	text-align:center;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:1em;
	background:#D00;
	margin-left:0.5em;
	padding:0.35em 0.5em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	-moz-box-shadow:0 0 3px #FFF;
	-webkit-box-shadow:0 0 3px #FFF;
	box-shadow:0 0 3px #FFF;
}
span.tagBox-item-content a.tagBox-remove:hover{background-color:#ff3333;}